<template>
	<div id="">
	  <rx-fiexd-column-table :column="3" :setTable="tableInit" @sort="sort">
					<tr slot="fiexd-thead">
						<th v-for="item in theadList" :key="item">{{item}} <span class="sort">&</span></th>
					</tr>
					<tbody slot="fiexd-tbody">
						<tr class="rx-tr" v-for="info in studentInfo.Data" :key="info.Name">
							<td class="x-td">{{info.Name}}</td>
							<td>{{info.EnglishName}}</td>
							<td>{{info.Sex == 0 ? '男' : '女'}}</td>
							<td>{{info.CampusName}}</td>
							<td>{{info.CustomerStatusName}}</td>
							<td>{{info.SaleModeName}}</td>
							<td>{{info.WillLevel}}</td>
						</tr>
					</tbody>
				
					<tr slot="thead">
						<th v-for="(item,index) in theadList" :key="item">{{item}}<span v-if="index < 5" class="sort">&</span></th>
					</tr>
					<tbody slot="tbody">
					<tr class="rx-tr" v-for="info in studentInfo.Data" :key="info.Name">
						<td class="x-td">{{info.Name}}</td>
						<td>{{info.EnglishName}}</td>
						<td>{{info.Sex == 0 ? '男' : '女'}}</td>
						<td>{{info.CampusName}}</td>
						<td>{{info.CustomerStatusName}}</td>
						<td>{{info.SaleModeName}}</td>
						<td>{{info.WillLevel}}</td>
					</tr>
				</tbody>
			</rx-fiexd-column-table>
	</div>
</template>
<script>
import studentInfo from "./studentInfo.json";
export default {
	data() {
    return {
      theadList: [
        "姓名",
        "英文姓名",
        "性别",
        "所属分校",
        "客户状态",
        "试听状态",
        "招生来源",

      ],
      studentInfo: studentInfo,
      tableInit: {
        cellWidth: 60
      }
    };
	},
	methods: {
    sort(s) {
			//排序
      console.log(s);
    }
  },
}
</script>
